
<!DOCTYPE html>
<html lang="en">
<head>
<title>网上商店后台-订单列表</title>
<meta charset="utf-8">
<!--全局CSS-->
<link rel="stylesheet" type="text/css" href="${basePath}/css/share/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="${basePath}/css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="${basePath}/css/share/myStyle.css">
<!--私有CSS-->
<link rel="stylesheet" href="${basePath}/plugins/myModal/myModal.css">
<link href="${basePath}/plugins/datetimePicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

</head>
<body>
    <!-- 页面顶部导航条 -->
	<div class="row panel titlePanel">
		<div class="col-md-12">
			<div class="col-md-3">
				<h3>
					<i class="fa fa-dashboard"></i> 订单管理
				</h3>
			</div>
			<div class="col-md-6">
				<div style="text-align: center;"></div>
			</div>
			<div class="col-md-3">
				<ul class="functionTip app-breadcrumb breadcrumb">
					<li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
					<li class="breadcrumb-item"><a href="">订单管理 / 列表</a></li>
				</ul>
			</div>
		</div>
	</div>
    <!-- 页面内容体 -->
    
	<div class="row">
		<div class="col-md-12">
      		<div class="panel panel-default" style="margin-bottom: 0px;">
				<div class="panel-heading">
					<h3 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseQuery">
							<i class="fa fa-search" style="color:#b6124a;"></i>查询
						</a>
					</h3>
				</div>
				<div id="collapseQuery" class="panel-collapse collapse">
				   <form>
						<div class="panel-body">
							<div class="col-md-12 row">
								<div class="form-group col-md-6 form-inline" >
								  <label class="control-label-required">日期</label>
								  <div id="birthdayDivId" class="input-group date form_datetime" data-date="" data-date-format="yyyy-mm-dd" data-link-field="manufactureDateId" data-link-format="yyyy-mm-dd"
									style="width: 35rem">
										<input class="form-control" type="text" value="" readonly >
										<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
								  </div>
								  <input type="hidden" id="manufactureDateId" value="" name="goods_manufactureDate"/><br/>
								</div>
				                <div class="form-group col-md-6 form-inline">
				                   <label class="control-label-norequired">状态</label>
				                   <select class="form-control">
				                            <option>-------请选择------</option>
				                            <option>未付款</option>
				                            <option>待发货</option>
				                            <option>已发货</option>
											<option>已收货</option>
				                    </select>			             
				                 </div>
				                
						        <div class="col-md-12 text-center" style="margin-bottom: 0px;">
			              			<button class="btn btn-primary" type="submit"><i class="fa fa-search"></i>查询</button>
			   				    </div>
						  </div>
					  </div>
				  </form>
			  </div>
		  </div>
      	</div>
		
		<div class="col-md-12">
			<div class="panel panel-default">
				<div class="panel-heading">
				
				</div>
				<div class="panel-body">
	              <table class="table table-hover table-bordered table-striped" id="dataTable">
	                  <thead>
	                    <tr>
	                      <th>时间</th>
	                      <th>状态</th>
	              		<th>总价</th>
	                      <th>主图</th>
	                      <th>名称</th>
	                      <th>单价</th>
	              		<th>数量</th>
	                      <th>小计</th>
	              		
	                     </tr>
	                  </thead>
	                  <tbody>
	                    <tr>
	                      <td rowspan="2">2021-07-10 10:01:30</td>
	                      <td rowspan="2">已付款待发货</td>
	              		 <td rowspan="2">&yen;80.0</td>
	                      <td><img alt="商品主图"/></td>
	                      <td>Java语言程序设计教程</td>
	                      <td>&yen;34.5</td>
	                      <td>1</td>
	                      <td>&yen;34.5</td>
	                    </tr>
	                    <tr>
	              		<td><img alt="商品主图"/></td>
	                      <td>Web应用开发教程</td>
	                      <td>&yen;45.0</td>
	                      <td>1</td>
	                      <td>&yen;45.0</td>
	                    </tr>
	                    
	                    
	                </tbody>
	              </table>
              
			    </div>
			    <div class="panel-footer">
			    	 <div class="row paginationBox">
						<div class="col-md-4">
							<div class="paginationInfo">显示第 1 至 10 项结果，共 57 项</div>
						</div>
						<div class="col-md-4"></div>
						<div class="col-md-4">
							<ul class="pagination">
							    <li><a href="#">&laquo;</a></li>
							    <li class="active"><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li><a href="#">&raquo;</a></li>
							  </ul>
						</div>
					</div>
			    </div>
			</div>
		</div>
		
		
		
	</div>


	<!-- 大图模态框 -->
	<div class="rs-dialog" id="bigPicModal">
		<form action="">
			<div class="rs-dialog-box">
				<a class="close dismiss" href="#">&times;</a>
				
				<div class="rs-dialog-body">
					<div class="row">
						<div class="col-md-12" style="text-align:center;">
							<img src="${basePath}/images/university.jpg" alt="头像" width="400" height="400">
						</div>
					</div>
				</div>
				
			</div>
		</form>	
	</div>

	<!--全局JS-->
	<script src="${basePath}/js/share/jquery-3.2.1.min.js"></script>
	 <script src="${basePath}/js/share/bootstrap.min.js"></script>
	<script src="${basePath}/js/share/share.js"></script>
	<!--私有JS-->
	<script src="${basePath}/plugins/myModal/myModal.js"></script>
	<script type="text/javascript" src="${basePath}/plugins/datetimePicker/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="${basePath}/plugins/datetimePicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
	<script type="text/javascript">
	$("#birthdayDivId").datetimepicker({
			format: 'yyyy-mm-dd',
			language:  'zh-CN',
			weekStart: 1,
			todayBtn:  true,
			autoclose: true,
			todayHighlight: 1,
			startView: "month",
			forceParse: 0,
			showMeridian: 1,
			minView: "month"//设置只显示到月份
		});
		 
	</script>
</body>